@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}

html{color:black;font-size:62.5%;}

body{font:14px/1.5 arial,"微软雅黑",'microsoft yahei';color:#555;outline:0;}

input,select,textarea{font-size:100%;outline-style:none;background:transparent;font-family:"微软雅黑";}

input,button{border:none medium;outline:none;font-family:"微软雅黑";}

button, html input[type="button"], input[type="submit"]{cursor:pointer;}

button[disabled], html input[disabled]{cursor:default;}

address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:500;}

ol,ul,li,dl,dt,dd{list-style:none;}

h1,h2,h3,h4,h5,h6{font-size:2rem;font-weight:500;}

sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}

abbr,acronym{border:none;font-variant:normal;}

table{border-collapse:collapse;border-spacing:0;}

img{border:0 none;vertical-align:middle;max-width: 100%;}

caption,th{text-align:left;}

th{text-align:inherit;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

del{text-decoration:line-through;}

legend{color:#666;}

fieldset{border:none;}

iframe{display:block;}

q:before,q:after{content:'';}

ins,a{text-decoration:none;cursor:pointer;color:#666;}

a:hover{text-decoration:none;}

a:focus,*:focus{outline:none;}

/*custom-module-css 自定义*/

.clearfix:before,.clearfix:after{content:"";clear:both;display:block;height:0;visibility:hidden;}

.clearfix:after{clear:both;overflow:hidden;}

.clearfix{zoom:1;clear: both;}

.clear{clear:both;display:block;overflow:hidden;height:0;line-height:0;font-size:0;}

.hide{display:none !important;visibility:hidden;}

.block{display:block !important;}

.radius_1{-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;}

.radius_2{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}

.radius_3{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

.radius_5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.radius_t5{-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px;}

.tl{text-align:left;}

.tc{text-align:center;}

.tr{text-align:right;}

.fl{float:left;display:inline;}

.fr{float:right;display:inline;}

.cb{clear:both;}

.ovh{overflow:hidden;}

.di{display:inline;}

.dib{display:inline-block;*zoom:1;*display:inline;}

.db{display:block;}

.none{display:none;}

.border0 {border: 0!important;}

.vm{vertical-align:middle;}

.pr{position:relative;}

.pa{position:absolute;}

.tdu{text-decoration:underline;}

.cupo{ cursor: pointer;}

.cude{ cursor: default;}

.f14{font-size:14px;}

.f16{font-size:16px;}

.f18{font-size:18px;}

.f20{font-size:20px;}

.f22{font-size:22px;}

.f24{font-size:24px;}

.family_st{font-family:"Microsoft YaHei"}

.family_wr{font-family:"微软雅黑"}

.red {color: #fa4f4f;}

.w1200{width: 1200px;height: auto;margin: 0 auto;}

.w1190{width: 1190px;height: auto;margin: 0 auto;}

.w1180{width: 1180px;height: auto;margin: 0 auto;}

.w1000{width: 1000px;height: auto;margin: 0 auto;}

.ff5b{color: #ff5b00;}

.bg-ff5b{background: #FF5B00;}

.bg-f8{background: #F8F8F8;}

/*select*/

/*=========头部开始===========*/

/*header start*/

.brand-header{

	width: 100%;

	min-width: 1200px;

	background: #fff;

	overflow:hidden ;

	padding: 10px 0;

}

.brand-logo{

	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  

	*display:inline; /* IE6、7 block 元素 */  

	*zoom:1; 

	float: left;

	width: 321px;

	height: 73px;	

}

.brand-logo img{

	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  

	*display:inline; /* IE6、7 block 元素 */  

	*zoom:1; 

	width:100%;

	height:100%;

}

.brand-tel{

	float: right;

	text-align: center;

	color: #565656;

	font-size: 14px;

	line-height: 26px;

	position: relative;

	padding-top: 3px;

}

.brand-tel i{

	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  

	*display:inline; /* IE6、7 block 元素 */  

	*zoom:1; 

	width: 28px;

	height:17px;	

	margin-right: 5px;

	background: url(../../images/XdwWz/brand-tel.png) center no-repeat;

}

.brand-tel b{

	font-size: 25px;

	color: #ff5b00;

}

/*品牌页头 end*/



/*header*/

.w1200{width: 1200px;height: auto;margin: 0 auto;}

.header{ width: 100%; min-width: 1200px; height: auto; z-index: 10; background: #fff;position:relative;}

.logo-nav{ width: 1200px; height: 128px; margin:0 auto;z-index: 2;}

.logo-nav .logo{ float: left; margin-top: 27px;}

.logo-nav .logo-img{ width: 258px; height: 71px; float: left;}

.logo-nav .cude{ margin: 8px 0 0 34px; padding-left: 37px; color: #f05d21; float: left; background: url(../../images/XdwWz/logo-icon.png) left bottom no-repeat;}

.logo-nav .cude strong{ font-size: 23px; line-height: 42px; display: block;}

.logo-nav .cude p{ font-size: 20px; line-height: 20px;}

.logo-nav .search{ float: left; margin: 48px 0 0 90px; width: 322px; height: 36px; border: 2px solid #f05d21; border-radius: 100px;}

.logo-nav .screen{ position: relative; width: 86px; height: auto; color: #302e33; float: left; z-index: 3;}

.logo-nav .screen span{ width: 60px; padding-right: 26px; height: 36px; line-height: 36px; display: block; text-align: right; overflow: hidden; cursor: pointer; background: #f7f7f7; border-radius: 18px 0 0 18px; z-index: 1; position: relative;}

.logo-nav .screen .icon{ width: 8px; height: 5px; position: absolute; top: 16px; right: 14px; background: url(../../images/XdwWz/screen-icon.png) no-repeat; z-index: 2;-webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; -ms-transition: -ms-transform 0.2s ease-out;}

.logo-nav .screen.active .icon{transform: rotateZ(180deg);}

.logo-nav .screen-down{ width: 86px; height: auto; border:2px solid #f05d21; border-top: 0; border-radius: 0 0 0 20px; position: absolute; left: -2px;top: 22px; padding-top: 14px; background: #f7f7f7; z-index: 0; overflow: hidden; display: none;}

.logo-nav .screen-down li{ width: 100%; height: 36px; line-height: 36px; text-align: center; cursor: pointer;}

.logo-nav .screen-down li:hover{ background: #e2e2e2; color: #f05d21;}

.logo-nav .search input{ width: 150px; height: 18px; line-height: 18px; padding: 9px 0 9px 12px; vertical-align: middle; border-left: 2px solid #f05d21; float: left; font-size: 14px;}

.logo-nav .search .btn{ width: 70px; height: 36px; float: right; background: url(../../images/XdwWz/screen-btn.png) center no-repeat #f05d21; border-radius: 100px; border: 0; position: relative; right: -1px;}

.logo-nav .tel{ float: right; margin-top: 32px; text-align: right;}

.logo-nav .tel strong{ padding-left: 60px; font-size: 30px; line-height: 30px; color: #f05d21; display: block; background: url(../../images/XdwWz/tel.png) left center no-repeat;}

.logo-nav .tel strong span{ color: #3d3d3d; font-size: 14px; line-height: 20px; display: block; font-weight: normal; letter-spacing: 4.5px;}

.logo-nav .tel p{ font-size: 16px; display: block; line-height: 22px; letter-spacing: 1px;}

.class-nav{ width: 100%; min-width: 1200px; height: 50px; background: #272c30; z-index: 1;}

.class-all{ float: left; width: 210px; height: 50px; position: relative; background: #ff5b00;}

.class-all .open-down{ display: block; padding-left: 35px; line-height: 60px; color: #fff; font-size: 16px; font-weight: normal;}

.class-all .icon{ width: 10px; height: 7px; background: url(../../images/XdwWz/nav-icon.png) no-repeat; position: absolute; top: 27px; right: 35px;}

.class-all .side-down{ display: none;}

.class-all .side-down.indexpage{display: block;}

.class-all:hover .side-down{display: block;}

.class-all.active{ background: #cc4610;}

.class-all.display{ background: #cc4610;}

/*特色产品与服务 下拉*/

.side-down {

	position: absolute;

	left: 0;

	height: 450px;

	width: 210px;

	color: #fff;

	background: url(../../images/XdwWz/transparent60.png);

	z-index: 3;
	margin-top: -10px;

}

.side-down li {

	display: block;

	/*background: url(../../images/XdwWz/border_bottom.png) bottom center no-repeat;*/

	transition: all 0.2s;

}

.side-down li:hover {

	background: #fff;

}

.side-down li:hover .classify-icon {

	left: 17px;

}

.side-down li:hover a{

	color: #333;

}

.side-down li a:hover{

	color: #f05d21;

}





.classify-main {

	padding: 12px 0;

	height: 25px;

	line-height: 25px;

	position: relative;

}

.classify-main>a {

	color: #fff;

	font-size: 14px;

	margin:0 15px 0 20px;

	white-space: nowrap;

}

.classify-main>a.dan-link{

	margin: 0;

	display: block;

    padding: 0 15px 0 20px;

}

.classify-main>a>i{

	background: url(../../images/XdwWz/haeder-down-icons.png) no-repeat;

	width: 18px;

	height: 16px;

	vertical-align: middle;

	margin-right: 8px;

}

.classify-main>a>i.icon-02{background-position: -31px 0;}

.classify-main>a>i.icon-03{background-position: -69px -2px;}

.classify-main>a>i.icon-04{background-position: -108px 0;}

.classify-main>a>i.arrow{

	background: url(../../images/XdwWz/side_arrow.png) no-repeat;

	width: 5px;

	height: 9px;

	position: absolute;

	right: 15px;

	top: 20px;

}

/*主菜单 css */

.nav-list {

	float: left;

    font-size: 0;

	[;letter-spacing: -4px;];

	[;word-spacing: -4px;];

}

.nav-list>li {

    display: inline-block;

    *display: inline;

    *zoom:1;

    vertical-align: middle;

    font-size: 16px;

    color: #fff;

    position: relative;

	[;letter-spacing: normal;];

	[;word-spacing: normal;];

}

.nav-list>li a {

	display: block;

	line-height: 50px;

	min-width: 120px;

	text-align: center;

	color: #fff;

	height: 50px;

}

.nav-list>li>a>span,

.nav-list>li>a>i {

    display: inline-block;

    *display: inline;

    *zoom:1;

    vertical-align: middle;

}

.nav-list>li>a>i {

	width: 10px; height: 7px;

	background: url(../../images/XdwWz/nav-icon.png) no-repeat;

}



.nav-sub {

	position: absolute;

	top: 50px;

	left: 0;

	right: 0;

	background: #b25027;

	display: none;

	z-index: 3;

}

.nav-sub>a {

	display: block;

	color: #fff;

	line-height: 50px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	text-align: center;

}

.nav-sub>a:hover {

	background: #f05d21;

}

.nav-list>li:hover {

	background: #ff5b00;

}

.nav-list>li:hover .nav-sub {

	display: block;

}

/*头部修改 */

.classify-list{

	padding: 0 0 12px;

	height: auto;

	

}

.classify-list a{

    color: #fff;
    display: inline-block;
    *zoom:1;*display: inline;
    font-size: 14px;
    margin: 14px 0;
    width: 31%;
    text-align:center;
    white-space: nowrap;

}

/*=========头部结束===========*/

/*=========底部开始===========*/

/*footer*/

.dgg_footer{width: 100%;min-width: 1200px;height: 104px;padding-top: 36px;text-align: center;font-size: 12px;position: relative;background: #25262a;}

.dgg_footer .link_list li{display: inline-block;*zoom:1;*display: inline;background: url(../../images/XdwWz/footer.png) left center no-repeat;}

.dgg_footer .link_list li:first-child{background: none;}

.dgg_footer .link_list li a{padding: 0 8px 0 13px;color: #fff;}

.dgg_footer .link_list li a:hover{color: #004b92;text-decoration: underline;}

.dgg_footer .copyRight{padding-top: 20px;}

.dgg_footer p{line-height: 24px;color: #fff;}

.dgg_footer .xdw_copy{padding-left: 28px;background: url(../../images/XdwWz/copy.png) left center no-repeat;display: inline-block;*zoom:1;*display: inline;}

/*=========底部结束===========*/

/*侧边浮动栏 start*/

.fix-box{

	z-index: 9999;

	position: fixed;

	top: 50%;

	margin-top: -138px;

	right: 0;

	width: 45px;

}

/*.fix-box>ul{overflow: hidden;padding-top: 10px;}*/

.fix-box li{

	/*height: 50px;

	width: 50px;*/

	height: 45px;

	font-size: 16px;

	line-height: 45px;

	text-align: center;

	position: relative;

	background: #1b1b1d;

	margin-bottom: 1px;

	float: right;

	overflow: hidden;

	cursor: pointer;

}

.fix-box li a{color: #fff;}

.fix-box li a>span{margin-right: 20px;}

.fix-box .ret-top{

	background:  #e8e8e9;

	font-size: 14px;

	color: #1b1b1d;

	width: 45px;

	overflow:visible;

	line-height: 45px;

}

.fix-box .ret-top a{color: #1b1b1d;}

.dot-top{

   	width: 0;

    height: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-bottom: 10px solid #e8e8e9;

    position: absolute;

    top:-7px;

    left: 50%;

    margin-left: -5px;

}

.fix-box li i{

	background: url(../../images/XdwWz/fix-icons.png) no-repeat;

	width: 45px;

	height: 45px;

	background-position: 10px 10px;

	vertical-align: middle;

	float: left;

	/*margin: 15px 13px 15px;*/

}

.fix-box li:hover i{

	background: url(../../images/XdwWz/fix-icons-hover.png) no-repeat;

	background-position: 10px 10px;

}

.fix-box li i.icons-02{background-position: -44px 10px;}

.fix-box li i.icons-03{background-position: -91px 10px;}

.fix-box li i.icons-04{background-position: -142px 13px;}

.fix-box li i.icons-05{background-position: -189px 12px;}

.fix-box li:hover{background:#FF5B00;}

.fix-box li.ret-top:hover{background:#e8e8e9;}

/*侧边浮动栏 end*/

/*定时弹窗 start*/

.layer-mask{

	width: 100%;

	height: 100%;

	background:url(../../images/XdwWz/transparent30.png) repeat;

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	z-index: 999999;

}

.layer-box{

	background: url(../../images/XdwWz/layer-img.jpg) no-repeat;

	width: 465px;

	height: 300px;

	position: relative;

	left: 50%;

	top: 50%;

	margin-left: -232px;

	margin-top: -150px;

}

.layer-box .btn-join{

	position: absolute;
	bottom: 13px;
	left: 50%;
	margin-left: -115px;
	width: 230px;
	height: 40px;
	/* border: 1px solid #fff; */
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	border-radius: 33px;
	text-align: center;
	line-height: 33px;
	color: #fff;
	font-size: 16px;

}

.layer-box .close-layer{

	background: url(../../images/XdwWz/close-layer.png) no-repeat;

	width: 22px;

	height: 22px;

	display: block;

	position: absolute;

	top: 15px;

	right: 15px;

}

/*定时弹窗 end*/
.open-query-fix {
	background: rgba(0, 0, 0, 0) url("../images/fix-open_02.png") no-repeat scroll center center / 100% auto;
	bottom: 0;
	cursor: pointer;
	height: 126px;
	left: 0;
	overflow: hidden;
	position: fixed;
	transform: translateZ(0px);
	width: 215px;
	z-index:1
}
.brand-query-fix {
	bottom: -140px;
	left: 0;
	position: fixed;
	transform: translateZ(0px);
	width: 100%;
	z-index: 100;
}
.input-box {
	float: right;
	height: 110px;
	position: absolute;
	right: 37px;
	top: 0;
	width: 361px;
}
.input-box > form {
	background: #262626 none repeat scroll 0 0;
	float: left;
	height: 100px;
	width: 228px;
}
.input-box > form > input {
	background-color: #fff;
	border-radius: 2px;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	margin-bottom: 6px;
	margin-left: 7px;
	padding-left: 10px;
	text-align: left;
	width: 205px;
}
.input-box > form > input:first-child {
	margin-top: 14px;
}
.bm-btn {
	background: rgba(0, 0, 0, 0) url("../images/bm-btn.png") no-repeat scroll 0 0;
	color: #fff;
	float: right;
	font-size: 16px;
	height: 100px;
	text-align: center;
	width: 133px;
}
.bm-btn a:hover {
	opacity: 0.9;
}
.bm-btn a {
	background-color: white;
	border: 1px solid white;
	border-radius: 2px;
	color: #ff5b00;
	display: inline-block;
	height: 33px;
	line-height: 33px;
	margin-bottom: 5px;
	width: 108px;
}
.bm-btn a:first-child {
	background-color: transparent;
	color: white;
	margin-top: 14px;
}
.brand-query-fix .fix-bg {
	background: rgba(0, 0, 0, 0) url("../images/transparent80.png") repeat scroll 0 0;
	bottom: 0;
	height: 100px;
	left: 0;
	position: absolute;
	width: 100%;
}
.query-fix-main {
	height: 100px;
	margin: 0 auto;
	position: relative;
	width: 1180px;
}
.brand-query-fix .fix-bg2 {
	background: rgba(0, 0, 0, 0) url("../images/fix-bg_03.png") no-repeat scroll 0 0;
	float: left;
	height: 132px;
	position: absolute;
	top: -32px;
	width: 721px;
}
.brand-query-fix .input-box .input-box-tit {
	color: #fff;
	font-size: 20px;
	left: 0;
	position: absolute;
	top: 15px;
}
.brand-query-fix .input-box .input-box-tit > span {
	color: #ffaf02;
	font-size: 27px;
}
.fix-center {
	height: 116px;
	left: 420px;
	position: absolute;
	text-align: center;
	top: 26px;
	width: 600px;
}
.fix-center > div {
	display: inline-block;
	vertical-align: middle;
}
.fix-center .til {
	color: #fff100;
	font-size: 32px;
	font-weight: bold;
	padding: 5px 0 15px;
}
.fix-center form {
	overflow: hidden;
}
.fix-center form > div {
	background-color: white;
	float: left;
	height: 40px;
	margin-right: 7px;
	text-align: left;
	width: 232px;
}
.fix-center form > div input {
	padding: 11px;
}
.fix-center form > a.btn-zx {
	background-color: #fff100;
	color: #da5a00;
	display: block;
	float: right;
	font-size: 22px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 118px;
}
.colse-fix {
	background: rgba(0, 0, 0, 0) url("../images/fix-close.png") no-repeat scroll 0 0;
	height: 35px;
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
}